@import "../../common/config.scss";

.aui-loading{
	@include absWin;
	position: fixed;
	z-index: 999;
	background: rgba(0, 0, 0, 0);
	@at-root &__inner{
		@include absWin;
		@include flexbox;
		@include flexCenterHori;
		@include flexCenterVeri;
		background: rgba(0, 0, 0, 0.8);
		@at-root &__spiner{
			padding: 20px 10px;
			position: relative;
			background-color: rgba(0, 0, 0, 0.8);
			border-radius: 5px;
			@at-root &__spin{
				display: block;
				width: 40px;
				height: 40px;
				background: url("../../assets/images/loading.gif") 50% no-repeat;
				background-size: 40px;
				margin: 0 auto;
			}
			@at-root &__tip{
				line-height: 20px;
				margin-top: 5px;
				font-size: 12px;
				text-align: center;
				color: #fff;
				min-width: 85px;
			}

			&--logo{
				background-color: transparent;
				.aui-loading__inner__spiner__spin{
					background: url("../../assets/images/loading_logo.gif") 50% no-repeat;
					background-size: 82px;
					width: 82px;
					height: 82px;
				}
			}
		}
	}
}